<html>
<head>

	<title><g:message code="springSecurity.login.title"/></title>


    <!-- bootstrap 3.0.2 -->
     <link rel="stylesheet" href="${resource(dir: 'css', file: 'bootstrap.min.css')}" type="text/css">
    <!-- font Awesome -->
     <link rel="stylesheet" href="${resource(dir: 'font-awesome/css', file: 'font-awesome.min.css')}" type="text/css">
    <!-- Theme style -->
     <link rel="stylesheet" href="${resource(dir: 'css', file: 'AdminLTE.css')}" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>

<body class="bg-black">

        <div class="form-box" id="login-box">
            <div class="header">
              <g:message code="memora.button.entrar"/>
            </div>

                <form action='${postUrl}' method='POST' id='loginForm' class='cssform' autocomplete='off'>
                     <div class="body bg-gray">
                        <div class="form-group">
                           <input class="form-control" type='text' class='text_' name='j_username' id='username' placeholder='${message(code: "memora.label.email")}'/>
                        </div>
                        <div class="form-group">
                            <input class="form-control" type='password' class='text_' name='j_password' id='password' placeholder='${message(code: "memora.label.password")}'/>
                        </div>          
                        <div class="form-group">
                            <input type='checkbox' class="minimal" class="minimal" name='${rememberMeParameter}' id='remember_me' <g:if test='${hasCookie}'>checked='checked'</g:if>/>
                              <label for='remember_me' style="margin-top: -10px">
                                <g:message code="memora.label.lembrar"/>
                              </label>
                        </div>
                    </div>
                    <div class="footer">                                                               
                       <input class="btn btn-lg btn-success btn-block" type='submit' id="submit" value='${message(code: "springSecurity.login.button")}'/>
                        
                        <p>
                          <a href="#">
                            <g:message code="memora.message.euesqueciminhasenha"/>
                          </a>
                        </p>
                    </div>
                </form>
            <!--
           <div class="margin text-center">
                <span>Sign in using social networks</span>
                <br/>
                <button class="btn bg-light-blue btn-circle"><i class="fa fa-facebook"></i></button>
                <button class="btn bg-aqua btn-circle"><i class="fa fa-twitter"></i></button>
                <button class="btn bg-red btn-circle"><i class="fa fa-google-plus"></i></button>

            </div>
            -->
        </div>


        <!-- jQuery 2.0.2 -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <!-- Bootstrap -->
        <g:javascript src="bootstrap.min.js" />
        

    </body>

</html>
